<!DOCTYPE html>
<style type="text/css">
    .col{
        background-color: #F9FAFB;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 2px;
        line-height: 26px;
    }
    .auto_hidden {
        width: 204px;
        border-bottom: 1px dashed #dddddd;
        border-left: 1px dashed #dddddd;
        border-right: 1px dashed #dddddd;
        position: absolute;
        display: none;
    }

    .auto_show {
        width: 204px;
        border-bottom: 1px dashed #dddddd;
        border-left: 1px dashed #dddddd;
        border-right: 1px dashed #dddddd;
        /*position: absolute;*/
        /*z-index: 3; /!* 设置对象的层叠顺序 *!/*/
        display: block;
    }

    .auto_onmouseover {
        color: #ffffff;
        background-color: highlight;
        width: 100%;
        padding-left: 5px;
    }

    .auto_onmouseout {
        color: #000000;
        width: 100%;
        background-color: #ffffff;
        padding-left: 5px;
    }
</style>
<ion-view hide-nav-bar="true">
        <ion-header-bar class="item-input-inset bar-positive">
            <label class="item-input-wrapper">
                <i class="icon ion-ios-search-strong placeholder-icon"></i>
                <!--<div ed-auto-search="autoSearch" data-options="changeEvent : 'changeSearchVal',placeholder : '车牌号/自编号/线路',-->
                            <!--showSelectUrl : 'web/resCheckFuzzyQuery.do'" data-params="queryType : 'search.queryType'">-->
                <!--</div>-->
                <input type="text" id="headerBarInput" ng-change="changeQuery()" ng-model="task.queryParam" style="height:30px;background-color: #eee;border-color: #ddd;" placeholder="车牌号/自编号/线路">

            </label>
        </ion-header-bar>
    <ion-content >

        <div class="content no-header">
            <div style="width: 100%;border-bottom: 1px solid #EBEBEB " >
                <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
                    <div class="col div_1" style="text-align: center;border:none" onclick="changeSelect(this,'1')">
                        <span>
                            <a href="javascript:void(0)" style="color:#2D99F4">车辆</a>
                            <p style="display:block;height: 3px;color:#2D99F4;margin-top: -17px;font-weight: bold;font-size: 15px;">____</p>
                        </span>
                    </div>
                    <div class="col div_2" style="text-align: center;border:none" onclick="changeSelect(this,'2')">
                        <span>
                            <a href="javascript:void(0)" style="color:#9F9F9F">站点</a>
                            <p style="display:none;height: 3px;color:#2D99F4;margin-top: -17px;font-weight: bold;font-size: 15px;">____</p>
                        </span>
                    </div>
                    <div class="col div_3" style="text-align: center;border:none" onclick="changeSelect(this,'3')">
                        <span>
                            <a href="javascript:void(0)" style="color:#9F9F9F">广告</a>
                            <p style="display:none;height: 3px;color:#2D99F4;margin-top: -17px;font-weight: bold;font-size: 15px;">____</p>
                        </span>
                    </div>
                </div>
            </div>
        </div>

        <ion-scroll class="pList-scroll">
            <ion-list>
                <!--车辆-->
                <div ng-show="task.taskType == '1'">
                    <div ng-repeat="data in dataList" class="item" style="height: 52px;" ng-click="clickItem(data)">
                        <span>{{data.vehicleNo}} / {{data.plateNo}} / {{data.lineNo}}</span>
                    </div>
                </div>

                <!--站点-->
                <div ng-show="task.taskType == '2'">
                    <div ng-repeat="data in dataList" class="item" style="height: 52px;" ng-click="clickItem(data)">
                        <span>{{data.stopName}} / {{data.roadName}} / {{data.direction}}</span>
                    </div>
                </div>

                <!--广告-->
                <div ng-show="task.taskType == '3'">
                    <div ng-repeat="data in dataList" class="item" style="height: 52px;" ng-click="clickItem(data)">
                        <span>{{data.resourceName}} / {{data.resourceCode}} / {{data.mediaName}}</span>
                    </div>
                </div>

            </ion-list>
        </ion-scroll>
        <div ng-if="dataList == undefined || dataList.length == 0 "  style="padding-top:10px;width: 100%;text-align: center;color: #555;"> <span>无数据</span></div>
    </ion-content>
</ion-view>